<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="Component" content="width=device-width, initial-scale=1.0">
        <title>Component Test</title>

        <!-- 字体链接 -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">

        <link rel="stylesheet" id="style-css" href="./Guide.css" type="text/css" media="all">
    </head>

    <style>
        body {
            background-color: rgba(239, 242, 255, 1);
        }
    </style>

    <body>

        <!-- 导航栏组件 -->
        <div class="guide">
            <div class="back">
            <nav> <ul>
                <div class="slider"></div>
                <li><a href="#" id="guideA1"></a></li>
                <li><a href="#" id="guideA2"></a></li>
                <li><a href="#" id="guideA3"></a></li>
                <li><a href="#" id="guideA4"></a></li>
            </ul></nav>
            </div>
        </div>

    </body>

    <script src="./Guide.js" type="text/javascript"></script>
</html>
